
<!-- components/ChatHeader.vue -->
<template>
  <div class="w-full h-18 flex justify-end items-center pr-8 border-b border-[#ECEFF8]">
    <div class="flex items-center gap-5">
      <a
        href="http://localhost:3000/"
        target="_self"
        class="px-3 h-8 inline-flex items-center rounded-full bg-blue-600 text-white hover:bg-blue-700 transition-colors text-sm font-medium"
      >
      <div class="flex items-center gap-1">
        <HomeOutlined />
        返回首页
      </div>
      </a>
      <div class="bg-[#A3A3A3] rounded-full h-8 aspect-square flex items-center justify-center">
        <img src="@/assets/imgs/user.png" alt="用户头像" class="w-5 h-5" />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 暂无逻辑，保留空 <script> 以便后续拓展
import {HomeOutlined} from '@ant-design/icons-vue'
</script>

<style scoped>
/* 可以添加 hover、下拉菜单样式等 */
</style>
